<template>
  <div id="Big">
    <div class="Big_left">
      <img src="../../assets/New_imgs/9.jpg" alt="" />
    </div>
    <div class="Big_right">
      <div class="Big_right_top">
        <img src="../../assets/New_imgs/10.jpg" />
        <img src="../../assets/New_imgs/11.jpg" />
        <img src="../../assets/New_imgs/12.jpg" />
        <img src="../../assets/New_imgs/13.jpg" />
        <img src="../../assets/New_imgs/14.jpg" />
        <img src="../../assets/New_imgs/15.jpg" />
      </div>
      <div class="Big_right_bottom">
        <img src="../../assets/New_imgs/16.jpg" />
        <img src="../../assets/New_imgs/17.jpg" />
        <img src="../../assets/New_imgs/18.jpg" />
        <img src="../../assets/New_imgs/19.jpg" />
        <img src="../../assets/New_imgs/20.jpg" />
        <img src="../../assets/New_imgs/21.jpg" />
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "New05",
};
</script>

<style scoped>
#Big {
  height: 1.7rem;
  padding: 0 0.18rem;
  display: flex;
  align-items: center;
  overflow-x: auto;
}
#Big::-webkit-scrollbar {
  display: none;
}
.Big_left {
  height: 1.5rem;
  width: 1.18rem;
}
.Big_right {
  flex: 1;
  height: 1.5rem;
}
.Big_right_top {
  height: 0.78rem;
  display: flex;
}
.Big_right_bottom {
  display: flex;
}
.Big_right_top img,
.Big_right_bottom img {
  margin-left: 0.04rem;
  width: 0.88rem;
  height: 0.72rem;
}
</style>
